<table>
  <tr>
    <td id="leftpanel" valign="top">
        <div id="leftpaneldiv">
            <a href="javascript:void(0);" id="hidePanel"><img id="collapse" src="{$fvConfig->get('dir_web_root')}img/collapse.gif" width="15" height="15"></a>
            <div class="header" id="leftPanelHeader">Список модулей тестирования</div>
            <div id="leftpaneldata">
                <ul id="sortables">
                {section name=menuItem loop=$TestModules}
                    
                        <li id="sortables_{$TestModules[menuItem]->getPk()}">
                    <div style="float: right">
        <A 
           href="{$fvConfig->get('dir_web_root')}testmodule/?id={$TestModules[menuItem]->getPk()}" 
        onclick="go('{$fvConfig->get('dir_web_root')}testmodule/?id={$TestModules[menuItem]->getPk()}'); return false;"
        ><img src="{$fvConfig->get('dir_web_root')}img/edit_icon.png" title="редактировать" width="16" height="16"></a><a
           href="javascript: void(0);" 
        onclick="if (confirm('Вы действительно желаете удалить модуля для тестирования.')) go('{$fvConfig->get('dir_web_root')}testmodule/delete/?id={$TestModules[menuItem]->getPk()}'); return false;"
        ><img src="{$fvConfig->get('dir_web_root')}img/delete_icon.png" title="удалить" width="16" height="16"></a>
                    </div><div class="{if $TestModules[menuItem]->getPk() eq $smarty.request.id}selected{/if}">{$TestModules[menuItem].name}</div><div style="clear: both;"></div>
                    
                                            </li>
                        </li></ul></li>
                {/section}
                </ul>
                {literal}
                <script>
                    Sortable.create("sortables", {
                        tree: true,
                        onChange: function () {
                            //alert(1);
                        },
                        onUpdate: function () {
                            new Ajax.Request("{/literal}{$fvConfig->get('dir_web_root')}testmodule/reorder/{literal}", {
                                parameters: Sortable.serialize("sortables")
                            });
                        }
                    });
                </script>
                {/literal}
                <div class="operation">
                    <a href="{$fvConfig->get('dir_web_root')}testmodule/" onclick="go('{$fvConfig->get('dir_web_root')}testmodule/'); return false;" class="add">добавить</a>
                </div>                
            </div>
        </div>
    </td>
    <td class="spacer">&nbsp;</td>
    <td id="datapanel">

<div class="form">
    <H1>{if $TestModule->isNew()}Добавление модуля для тестирования{else}Редактирование модуля для тестирования '{$TestModule->name}'{/if}</H1>
    <form method="post" action="/backend/testmodule/save/">
    <fieldset>
        <legend>Общая информация</legend>
        <table class="form">
        <tr><td style="width: 1px;">
        <label for="name">Название</label></td><td> <input type="text" id="name" name="mn[name]" value="{$TestModule->name|escape}"/>
        </td></tr> 
        <tr>
	        <td style="width: 1px;"><label for="module_type">Тип модуля</label></td>
	        <td>
		        <select name="m_u[module_type]" id="module_type">
		        	<option value="0" {if $TestModule->module_type==0} selected {/if}>Общий модуль
		        	<option value="1" {if $TestModule->module_type==1} selected {/if}>Только для менеджера
		        	<option value="2" {if $TestModule->module_type==2} selected {/if}>Только для директора
		        </select>
	        </td>
        </tr> 
        <tr><td style="width: 1px;">
        <label for="description">Описание</label></td>
        <td> 
        	<textarea id="description" name="mn[description]">{$TestModule->description|escape}</textarea>
        </td></tr> 
        </table>
    </fieldset> 
    
    <div class="buttonpanel">
        <input type="submit" name="save" value="Сохранить" class="button">
    </div>
    <input type="hidden" name="id" id="id" value="{$TestModule->getPk()}" />
    <input type="hidden" name="mn[xmlfile]" value="" id="xmlfile">
    
    </form>
    <form method="post" enctype="multipart/form-data" target="upload_iframe" action="{$fvConfig->get('dir_web_root')}testmodule/uploadxmlfile/">
    <fieldset>
        <legend>Файл</legend>
        <table class="form">
        <tr><td style="width: 1px;">
        <label for="type">Файл с тестами</label></td><td>
            <input type="file" name="xmlfile" style="width:500px">
        </td><td>
            <input type="submit" name="save" value="загрузить" class="button">
        </td></tr>
        </table>
        <iframe id="upload_iframe" name="upload_iframe" src="javascript:void(0);" style="display: none;"></iframe>
        <div id="preview_div" style="text-align: center; border: 0px solid red; {if !$TestModule->xmlfile}display: none;{/if}">
            {if $TestModule->xmlfile}
                <a target="_blank" id="preview" style="border: 0px solid none;" href="{$TestModule->getXmlFileDir(true)}{$TestModule->xmlfile}" />{$TestModule->xmlfile}</a>
                <a href="javascript: void(0);" id="deleteImage" style="font-size: 12px; color: blue; text-decoration: underline;">удалить</a>
            {else}
                <a target="_blank" id="preview" style="border: 0px none;" href=""/>просмотреть загруженный файл</a><br />
                <a href="javascript: void(0);" id="deleteImage" style="font-size: 12px; color: blue; text-decoration: underline;">удалить</a>
            {/if} 
        </div>
    </fieldset> 
    </form>

</div>

    </td>
  </tr>
</table>

{literal}
<script>
    function moveLeftPanel (e) {
        if ($('leftpanel').getDimensions().width > 100) {
            $('leftpanel').morph('width: 20px;');
            $('leftPanelHeader').update("");
            $('leftpaneldata').hide();
            $('collapse').src = '{/literal}{$fvConfig->get('dir_web_root')}img/expand.gif{literal}';
        } else {
            $('leftpanel').morph('width: 300px;');
            $('collapse').src = '{/literal}{$fvConfig->get('dir_web_root')}img/collapse.gif{literal}';
            setTimeout("$('leftPanelHeader').update('Список страниц')", 1000);
            setTimeout("$('leftpaneldata').show()", 1000);
        }
    }
    
    function deleteImage() {
        if (confirm('Вы действительно хотите удалить файл?')) {
            window.blockScreen();
	        new Ajax.Request('{/literal}{$fvConfig->get('dir_web_root')}testmodule/deleteImage/{literal}',{
	            parameters: {id: $F('id'), xmlfile: $F('xmlfile')},
	            onSuccess: function (transport, json) {
	                window.completeRequest(transport);
	                if (json && json.xmlfile) {
	                    
	                    $('xmlfile').value = json.xmlfile.split('/').slice(-1).join('');
	                    if ($('preview')) {
	                        $('preview').href = json.xmlfile;
	                    }
	                } else {
	                    $('preview_div').hide();
	                    $('xmlfile').value = '';
	                }
	            }
	        });
        }
    }
    
    $('deleteImage').observe('click', deleteImage);
    
    Object.extend(window, {
        updateXmlfile: function (xmlfileName) {          
            if ($('preview')) {
                $('preview').href = '{/literal}{$fvConfig->get('path.upload.web_tmp_dir')}{literal}' + xmlfileName;
            }
            $('xmlfile').value = xmlfileName;
            if (xmlfileName != '')
                $('preview_div').show();
            else 
                $('preview_div').hide();
        }
    });

    
    $('hidePanel').observe('click', moveLeftPanel);
</script>
{/literal}